MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

// Queue for speech - errors may occur but won't break functionality
    queueSpeech(text);
    
    return true;
  }
  return false;
}

// Process a markdown container and extract paragraphs
function processMarkdownContainer(container) {
  const paragraphs = container.querySelectorAll('p');
  //console.log(`${TAG}: Found ${paragraphs.length} paragraph(s) in markdown container`);
  paragraphs.forEach(p => {
    const text = extractTextFromElement(p);
    addSpokenItem(text, p);
  });
}

// Process a session details container
function processSessionContainer(sessionContainer) {

function processSessionContainer(sessionContainer) {
  //console.log(`${TAG}: Processing session container`, sessionContainer);
  //console.log(`${TAG}: Session container classes:`, sessionContainer.className);
  //console.log(`${TAG}: Session container children count:`, sessionContainer.children.length);
  
  // Find all markdown containers within this session using attribute selector
  const markdownContainers = sessionContainer.querySelectorAll('[class*="MarkdownRenderer-module__container--"]');
  //console.log(`${TAG}: Found ${markdownContainers.length} markdown container(s) in session`);
  
  if (markdownContainers.length === 0) {
    // Debug: log what we do have
    const allDivs = sessionContainer.querySelectorAll('div');
    //console.log(`${TAG}: Total divs in session:`, allDivs.length);
    
    // Check for markdown-body class
    const markdownBodyElements = sessionContainer.querySelectorAll('.markdown-body');
    //console.log(`${TAG}: Elements with markdown-body class:`, markdownBodyElements.length);
    
    // Check for SessionLogs wrappers
    const sessionLogsWrappers = sessionContainer.querySelectorAll('[class*="SessionLogs-module__markdownWrapper--"]');
    //console.log(`${TAG}: SessionLogs wrappers found:`, sessionLogsWrappers.length);
    
    // Check each wrapper
    sessionLogsWrappers.forEach((wrapper, i) => {
      //console.log(`${TAG}: Wrapper ${i} innerHTML length:`, wrapper.innerHTML.length);
      //console.log(`${TAG}: Wrapper ${i} children:`, wrapper.children.length);
      const markdownInWrapper = wrapper.querySelectorAll('[class*="MarkdownRenderer-module__container--"]');
      //console.log(`${TAG}: Markdown containers in wrapper ${i}:`, markdownInWrapper.length);
    });
    
    // Check for any MarkdownRenderer in all divs
    Array.from(allDivs).forEach((div, i) => {
      if (div.className && div.className.includes('MarkdownRenderer')) {
        //console.log(`${TAG}: Found MarkdownRenderer element [${i}]:`, div.className, div);
      }
    });
    
    // Check if session is expanded
    const contentContainer = sessionContainer.querySelector('[class*="Session-module__contentContainer--"]');
    if (contentContainer) {
      const isExpanded = contentContainer.getAttribute('data-expanded');
      //console.log(`${TAG}: Session content container data-expanded:`, isExpanded);
    }
  }
  
  markdownContainers.forEach(container => {

const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      mutation.addedNodes.forEach((node) => {
        if (node.nodeType === Node.ELEMENT_NODE) {
          if (node.tagName === 'P') {
            //console.log(`${TAG}: Found new <p> element`);
            const text = extractTextFromElement(node);
            if (addSpokenItem(text, node)) {
              //console.log(`${TAG}: New paragraph detected`);
            }
          }
          // Check for nested paragraphs
          const nestedPs = node.querySelectorAll('p');
          if (nestedPs.length > 0) {
            //console.log(`${TAG}: Found ${nestedPs.length} nested <p> element(s)`);
          }
          nestedPs.forEach(p => {
            const text = extractTextFromElement(p);
            if (addSpokenItem(text, p)) {
              //console.log(`${TAG}: New nested paragraph detected`);
            }
          });
        }
      });
    });
  });

  observer.observe(container, {
    childList: true,
    subtree: true
  });

  //console.log(`${TAG}: Observing markdown container for new paragraphs`);
}

// Find and monitor the main TaskChat container
function monitorTaskChat() {
  // Find the TaskChat stickable container (using attribute selector for dynamic class names)
  const taskChatContainer = document.querySelector('[class*="TaskChat-module__stickableContainer--"]');
  
  if (!taskChatContainer) {
    //console.log(`${TAG}: TaskChat container not found yet, will retry...`);
    return false;
  }

  //console.log(`${TAG}: Found TaskChat container`);

// Check if this node or its children contain markdown containers
          let newMarkdownContainers = [];
          if (node.matches && node.matches('[class*="MarkdownRenderer-module__container--"]')) {
            newMarkdownContainers.push(node);
          }
          const childMarkdown = node.querySelectorAll ? node.querySelectorAll('[class*="MarkdownRenderer-module__container--"]') : [];
          newMarkdownContainers.push(...Array.from(childMarkdown));
          
          if (newMarkdownContainers.length > 0) {
            //console.log(`${TAG}: Found ${newMarkdownContainers.length} new markdown container(s) added to session`);
            newMarkdownContainers.forEach(container => {
              processMarkdownContainer(container);
              observeMarkdownContainer(container);
            });
          }
        }
      });
    });
  });
  
  contentObserver.observe(sessionContainer, {
    childList: true,
    subtree: true
  });
  
  //console.log(`${TAG}: Set up content observer for session container`);
}

// Observe a markdown container for new paragraphs
function observeMarkdownContainer(container) {
  const observer = new MutationObserver((mutations) => {

console.log(`${TAG}: Found ${markdownContainers.length} Copilot response markdown container(s) in session (excluding tool logs)`);
  
  markdownContainers.forEach(container => {
    //console.log(`${TAG}: Processing markdown container with classes:`, container.className);
    processMarkdownContainer(container);
    
    // Set up observer for new paragraphs in this container
    observeMarkdownContainer(container);
  });
  
  // Set up observer on the session container to watch for dynamically loaded content
  const contentObserver = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      mutation.addedNodes.forEach((node) => {
        if (node.nodeType === Node.ELEMENT_NODE) {
          // Check if this node or its children contain markdown containers
          let newMarkdownContainers = [];
          if (node.matches && node.matches('[class*="MarkdownRenderer-module__container--"]')) {
            newMarkdownContainers.push(node);
          }
          const childMarkdown = node.querySelectorAll ? node.querySelectorAll('[class*="MarkdownRenderer-module__container--"]') : [];
          newMarkdownContainers.push(...Array.from(childMarkdown));
          
          if (newMarkdownContainers.length > 0) {
            //console.log(`${TAG}: Found ${newMarkdownContainers.length} new markdown container(s) added to session`);
            newMarkdownContainers.forEach(container => {
              processMarkdownContainer(container);
              observeMarkdownContainer(container);
            });
          }
        }
      });
    });
  });
  
  contentObserver.observe(sessionContainer, {

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

// Content script for Copilot Tasks TTS monitoring
// This script monitors the GitHub Copilot Tasks page for new markdown content and speaks it

const TAG = 'CopilotTTS-Content';
const DESIRED_VOICE_NAME = 'Daniel (English (United Kingdom))';
const DEFAULT_LANGUAGE = 'en-GB';
const DEFAULT_VOLUME = 1;
const DEFAULT_RATE = 1;
const DEFAULT_PITCH = 1;

// State management
let spokenItems = [];
let currentIndex = -1;
let isSpeaking = false;
let selectedVoice = null;
let speechQueue = []; // Queue for items to speak
let isProcessingQueue = false; // Flag to prevent concurrent queue processing
let autoSpeakEnabled = true; // Enable auto-speak - errors are logged but don't break functionality

// Initialize voices
function initVoices() {
  const voices = window.speechSynthesis.getVoices();
  if (voices.length === 0) {
    // Voices not loaded yet
    window.speechSynthesis.onvoiceschanged = () => {
      window.speechSynthesis.onvoiceschanged = null;
      initVoices();
    };
    return;
  }
  
  selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
  console.log(`${TAG}: Using voice: ${selectedVoice.name}`);
}

// Speak text using Web Speech API
function speak(text, cancelPrevious = false) {
  if (!text || text.trim().length === 0) {
    return;
  }

  // Only cancel if explicitly requested (e.g., user pressed Stop or navigation button)
  if (cancelPrevious && window.speechSynthesis.speaking) {
    window.speechSynthesis.cancel();
    // Also clear the queue when canceling
    speechQueue = [];
    isProcessingQueue = false;
  }

  const utterance = new SpeechSynthesisUtterance(text);
  if (selectedVoice) {
    utterance.voice = selectedVoice;
    utterance.lang = selectedVoice.lang || DEFAULT_LANGUAGE;
  }
  utterance.volume = DEFAULT_VOLUME;
  utterance.rate = DEFAULT_RATE;
  utterance.pitch = DEFAULT_PITCH;

  utterance.onstart = () => {
    isSpeaking = true;
    console.log(`${TAG}: Speaking: "${text.substring(0, 50)}..."`);
  };

  utterance.onend = () => {
    isSpeaking = false;
    console.log(`${TAG}: Finished speaking`);
    // Process next item in queue after a small delay
    setTimeout(processNextInQueue, 100);
  };

  utterance.onerror = (event) => {
    isSpeaking = false;
    console.error(`${TAG}: Speech error: ${event.error}`);
    
    // Log additional context for debugging
    console.error(`${TAG}: Speech error details:`, {
      error: event.error,
      voiceSelected: selectedVoice ? selectedVoice.name : 'none',
      voicesAvailable: window.speechSynthesis.getVoices().length,
      textLength: text.length
    });
    
    // Continue with queue even on error
    setTimeout(processNextInQueue, 100);
  };

  try {
    window.speechSynthesis.speak(utterance);
  } catch (error) {
    console.error(`${TAG}: Exception when calling speak():`, error);
    setTimeout(processNextInQueue, 100);
  }
}

// Process the next item in the speech queue
function processNextInQueue() {
  if (isProcessingQueue || speechQueue.length === 0) {
    isProcessingQueue = false;
    return;
  }

}
          }
          // Check for nested paragraphs
          const nestedPs = node.querySelectorAll('p');
          if (nestedPs.length > 0) {
            //console.log(`${TAG}: Found ${nestedPs.length} nested <p> element(s)`);
          }
          nestedPs.forEach(p => {
            const text = extractTextFromElement(p);
            if (addSpokenItem(text, p)) {
              //console.log(`${TAG}: New nested paragraph detected`);
            }
          });
        }
      });
    });
  });

  observer.observe(container, {
    childList: true,
    subtree: true
  });

  console.log(`${TAG}: Observing markdown container for new paragraphs`);
}

// Find and monitor the main TaskChat container
function monitorTaskChat() {
  // Find the TaskChat stickable container (using attribute selector for dynamic class names)
  const taskChatContainer = document.querySelector('[class*="TaskChat-module__stickableContainer--"]');
  
  if (!taskChatContainer) {
    //console.log(`${TAG}: TaskChat container not found yet, will retry...`);
    return false;
  }

  //console.log(`${TAG}: Found TaskChat container`);

  // Find all existing session containers
  const sessionContainers = taskChatContainer.querySelectorAll('[class*="Session-module__detailsContainer--"]');
  //console.log(`${TAG}: Found ${sessionContainers.length} existing session containers`);
  
  sessionContainers.forEach(container => {
    processSessionContainer(container);
  });

  // Set up observer for new session containers
  const sessionObserver = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      mutation.addedNodes.forEach((node) => {
        if (node.nodeType === Node.ELEMENT_NODE) {
          // Check if this is a session container
          if (node.classList && Array.from(node.classList).some(c => c.includes('Session-module__detailsContainer--'))) {
            //console.log(`${TAG}: Found new session container element`);
            //console.log(`${TAG}: New session container detected`);
            processSessionContainer(node);
          }
          // Also check nested session containers
          const nestedSessions = node.querySelectorAll('[class*="Session-module__detailsContainer--"]');
          if (nestedSessions.length > 0) {
            //console.log(`${TAG}: Found ${nestedSessions.length} nested session container(s)`);
          }
          nestedSessions.forEach(session => {
            //console.log(`${TAG}: New nested session container detected`);
            processSessionContainer(session);
          });
        }
      });
    });
  });

sessionObserver.observe(taskChatContainer, {
    childList: true,
    subtree: true
  });

  console.log(`${TAG}: Monitoring TaskChat for new sessions`);
  return true;
}

// Handle messages from popup
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  console.log(`${TAG}: Received message:`, message);

  switch (message.action) {
    case 'previous':
      if (currentIndex > 0) {
        currentIndex--;
        const item = spokenItems[currentIndex];
        speak(item.text, true); // Cancel previous speech when navigating
        sendResponse({ success: true, currentIndex: currentIndex, total: spokenItems.length });
      } else {
        sendResponse({ success: false, message: 'Already at first item' });
      }
      break;

    case 'next':
      if (currentIndex < spokenItems.length - 1) {
        currentIndex++;
        const item = spokenItems[currentIndex];
        speak(item.text, true); // Cancel previous speech when navigating
        sendResponse({ success: true, currentIndex: currentIndex, total: spokenItems.length });
      } else {
        sendResponse({ success: false, message: 'Already at last item' });
      }
      break;

    case 'stop':
      window.speechSynthesis.cancel();
      speechQueue = []; // Clear the queue
      isProcessingQueue = false;
      isSpeaking = false;
      sendResponse({ success: true });
      break;

    case 'getStatus':
      sendResponse({
        success: true,
        currentIndex: currentIndex,
        total: spokenItems.length,
        isSpeaking: isSpeaking,
        queueLength: speechQueue.length
      });
      break;

    default:
      sendResponse({ success: false, message: 'Unknown action' });
  }

  return true; // Keep message channel open for async response
});

// Initialize the extension
function init() {
  console.log(`${TAG}: Initializing on Copilot Tasks page`);
  console.log(`${TAG}: Auto-speak is ENABLED - content will be spoken as detected`);
  console.log(`${TAG}: Note: Some "not-allowed" errors may appear but won't affect functionality`);
  console.log(`${TAG}: Use Previous/Next buttons for manual navigation and re-speaking`);
  
  // Initialize voices
  initVoices();

  // Try to find and monitor the TaskChat container
  if (!monitorTaskChat()) {
    // If not found, wait for DOM to be ready and retry
    const checkInterval = setInterval(() => {
      if (monitorTaskChat()) {
        clearInterval(checkInterval);
      }
    }, 1000);

    // Stop trying after 30 seconds
    setTimeout(() => {
      clearInterval(checkInterval);
      //console.log(`${TAG}: Stopped looking for TaskChat container`);
    }, 30000);
  }
}

// Start when DOM is ready
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', init);
} else {
  init();
}

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

// Content script for Copilot Tasks TTS monitoring
// This script monitors the GitHub Copilot Tasks page for new markdown content and speaks it

const TAG = 'CopilotTTS-Content';
const DESIRED_VOICE_NAME = 'Daniel (English (United Kingdom))';
const DEFAULT_LANGUAGE = 'en-GB';
const DEFAULT_VOLUME = 1;
const DEFAULT_RATE = 1;
const DEFAULT_PITCH = 1;

// State management
let spokenItems = [];
let currentIndex = -1;
let isSpeaking = false;
let selectedVoice = null;
let speechQueue = []; // Queue for items to speak
let isProcessingQueue = false; // Flag to prevent concurrent queue processing
let autoSpeakEnabled = true; // Enable auto-speak - errors are logged but don't break functionality

// Initialize voices
function initVoices() {
  const voices = window.speechSynthesis.getVoices();
  if (voices.length === 0) {
    // Voices not loaded yet
    window.speechSynthesis.onvoiceschanged = () => {
      window.speechSynthesis.onvoiceschanged = null;
      initVoices();
    };
    return;
  }
  
  selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
  console.log(`${TAG}: Using voice: ${selectedVoice.name}`);
}

// Speak text using Web Speech API
function speak(text, cancelPrevious = false) {
  if (!text || text.trim().length === 0) {
    return;
  }

  // Only cancel if explicitly requested (e.g., user pressed Stop or navigation button)
  if (cancelPrevious && window.speechSynthesis.speaking) {
    window.speechSynthesis.cancel();
    // Also clear the queue when canceling
    speechQueue = [];
    isProcessingQueue = false;
  }

  const utterance = new SpeechSynthesisUtterance(text);
  if (selectedVoice) {
    utterance.voice = selectedVoice;
    utterance.lang = selectedVoice.lang || DEFAULT_LANGUAGE;
  }
  utterance.volume = DEFAULT_VOLUME;
  utterance.rate = DEFAULT_RATE;
  utterance.pitch = DEFAULT_PITCH;

  utterance.onstart = () => {
    isSpeaking = true;
    console.log(`${TAG}: Speaking: "${text.substring(0, 50)}..."`);
  };

  utterance.onend = () => {
    isSpeaking = false;
    console.log(`${TAG}: Finished speaking`);
    // Process next item in queue after a small delay
    setTimeout(processNextInQueue, 100);
  };

  utterance.onerror = (event) => {
    isSpeaking = false;
    console.error(`${TAG}: Speech error: ${event.error}`);
    
    // Log additional context for debugging
    console.error(`${TAG}: Speech error details:`, {
      error: event.error,
      voiceSelected: selectedVoice ? selectedVoice.name : 'none',
      voicesAvailable: window.speechSynthesis.getVoices().length,
      textLength: text.length
    });
    
    // Continue with queue even on error
    setTimeout(processNextInQueue, 100);
  };

  try {
    window.speechSynthesis.speak(utterance);
  } catch (error) {
    console.error(`${TAG}: Exception when calling speak():`, error);
    setTimeout(processNextInQueue, 100);
  }
}

// Process the next item in the speech queue
function processNextInQueue() {
  if (isProcessingQueue || speechQueue.length === 0) {
    isProcessingQueue = false;
    return;
  }

isSpeaking: isSpeaking,
        queueLength: speechQueue.length
      });
      break;

    default:
      sendResponse({ success: false, message: 'Unknown action' });
  }

  return true; // Keep message channel open for async response
});

// Initialize the extension
function init() {
  console.log(`${TAG}: Initializing on Copilot Tasks page`);
  
  // Initialize voices first
  initVoices();
  
  // Wait a bit for voices to load, then speak "Initialized"
  setTimeout(() => {
    console.log(`${TAG}: Speaking "Initialized"`);
    speak("Initialized", false);
  }, 1000);
  
  // TEMPORARILY COMMENTED OUT - DOM monitoring and auto-queueing
  // This is to debug basic speech functionality first
  /*
  // Try to find and monitor the TaskChat container
  if (!monitorTaskChat()) {
    // If not found, wait for DOM to be ready and retry
    const checkInterval = setInterval(() => {
      if (monitorTaskChat()) {
        clearInterval(checkInterval);
      }
    }, 1000);

    // Stop trying after 30 seconds
    setTimeout(() => {
      clearInterval(checkInterval);
      //console.log(`${TAG}: Stopped looking for TaskChat container`);
    }, 30000);
  }
  */
}

// Function to speak after page is fully loaded
function onPageLoaded() {
  console.log(`${TAG}: Page fully loaded`);
  setTimeout(() => {
    console.log(`${TAG}: Speaking "Page Loaded"`);
    speak("Page Loaded", false);
  }, 500);
}

// Start when DOM is ready
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', init);
} else {
  init();
}

// Speak when page is fully loaded
if (document.readyState === 'complete') {
  onPageLoaded();
} else {
  window.addEventListener('load', onPageLoaded);
}

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

console.log(`${TAG}: Initializing on Copilot Tasks page`);
  
  // Initialize voices first
  initVoices();
  
  // Wait for voices to be fully loaded, then test speech
  setTimeout(() => {
    console.log(`${TAG}: === ATTEMPTING TO SPEAK "Initialized" ===`);
    testSpeak("Initialized");
  }, 2000); // Increased delay to 2 seconds
  
  // TEMPORARILY COMMENTED OUT - DOM monitoring and auto-queueing
  // This is to debug basic speech functionality first
  /*
  // Try to find and monitor the TaskChat container
  if (!monitorTaskChat()) {
    // If not found, wait for DOM to be ready and retry
    const checkInterval = setInterval(() => {
      if (monitorTaskChat()) {
        clearInterval(checkInterval);
      }
    }, 1000);

    // Stop trying after 30 seconds
    setTimeout(() => {
      clearInterval(checkInterval);
      //console.log(`${TAG}: Stopped looking for TaskChat container`);
    }, 30000);
  }
  */
}

// Function to speak after page is fully loaded
function onPageLoaded() {
  console.log(`${TAG}: Page fully loaded`);
  setTimeout(() => {
    console.log(`${TAG}: === ATTEMPTING TO SPEAK "Page Loaded" ===`);
    testSpeak("Page Loaded");
  }, 1000); // Increased delay to 1 second
}

// Start when DOM is ready
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', init);
} else {
  init();
}

// Speak when page is fully loaded
if (document.readyState === 'complete') {
  onPageLoaded();

No match found

}

// Initialize the extension
function init() {
  console.log(`${TAG}: Initializing on Copilot Tasks page`);
  
  // Initialize voices first
  initVoices();
  
  // Wait for voices to be fully loaded, then test speech
  setTimeout(() => {
    console.log(`${TAG}: === ATTEMPTING TO SPEAK "Initialized" ===`);
    testSpeak("Initialized");
  }, 2000); // Increased delay to 2 seconds
  
  // TEMPORARILY COMMENTED OUT - DOM monitoring and auto-queueing
  // This is to debug basic speech functionality first
  /*
  // Try to find and monitor the TaskChat container
  if (!monitorTaskChat()) {
    // If not found, wait for DOM to be ready and retry
    const checkInterval = setInterval(() => {
      if (monitorTaskChat()) {
        clearInterval(checkInterval);
      }
    }, 1000);

    // Stop trying after 30 seconds
    setTimeout(() => {
      clearInterval(checkInterval);
      //console.log(`${TAG}: Stopped looking for TaskChat container`);
    }, 30000);
  }
  */
}

// Function to speak after page is fully loaded
function onPageLoaded() {
  console.log(`${TAG}: Page fully loaded`);
  setTimeout(() => {
    console.log(`${TAG}: === ATTEMPTING TO SPEAK "Page Loaded" ===`);
    testSpeak("Page Loaded");
  }, 1000); // Increased delay to 1 second
}

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

// Ensure voices are loaded
  const voices = window.speechSynthesis.getVoices();
  console.log(`${TAG}: Available voices: ${voices.length}`);
  
  if (voices.length === 0) {
    console.error(`${TAG}: No voices available yet!`);
    return;
  }
  
  if (!selectedVoice) {
    selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
    console.log(`${TAG}: Selected voice: ${selectedVoice.name}`);
  }
  
  const utterance = new SpeechSynthesisUtterance(text);
  utterance.voice = selectedVoice;
  utterance.lang = selectedVoice.lang || DEFAULT_LANGUAGE;
  utterance.volume = DEFAULT_VOLUME;
  utterance.rate = DEFAULT_RATE;
  utterance.pitch = DEFAULT_PITCH;
  
  utterance.onstart = () => {
    console.log(`${TAG}: ✓ Speech STARTED: "${text}"`);
  };
  
  utterance.onend = () => {
    console.log(`${TAG}: ✓ Speech ENDED: "${text}"`);
  };
  
  utterance.onerror = (event) => {
    console.error(`${TAG}: ✗ Speech ERROR: ${event.error}`);
  };
  
  console.log(`${TAG}: Calling speechSynthesis.speak()...`);
  try {
    window.speechSynthesis.speak(utterance);
    console.log(`${TAG}: speechSynthesis.speak() called successfully`);
  } catch (error) {
    console.error(`${TAG}: Exception calling speak():`, error);
  }
}

// Track if user has interacted
let userHasInteracted = false;
let pendingSpeech = [];

// Function to handle first user interaction
function onFirstUserInteraction() {
  if (userHasInteracted) return;
  
  console.log(`${TAG}: ✓ User interaction detected - enabling speech`);
  userHasInteracted = true;
  
  // Remove listeners as we only need this once
  document.removeEventListener('click', onFirstUserInteraction);
  document.removeEventListener('keydown', onFirstUserInteraction);
  
  // Speak all pending items
  if (pendingSpeech.length > 0) {
    console.log(`${TAG}: Speaking ${pendingSpeech.length} pending item(s)`);
    pendingSpeech.forEach((text, index) => {
      setTimeout(() => {
        console.log(`${TAG}: === ATTEMPTING TO SPEAK "${text}" ===`);
        testSpeak(text);
      }, index * 100); // Small delay between items
    });
    pendingSpeech = [];
  }
}

// Function to speak or queue speech
function speakOrQueue(text) {
  if (userHasInteracted) {
    console.log(`${TAG}: === ATTEMPTING TO SPEAK "${text}" ===`);
    testSpeak(text);
  } else {
    console.log(`${TAG}: Queueing "${text}" - waiting for user interaction (click/key press)`);
    pendingSpeech.push(text);
  }
}

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

// Ensure voices are loaded
  const voices = window.speechSynthesis.getVoices();
  console.log(`${TAG}: Available voices: ${voices.length}`);
  
  if (voices.length === 0) {
    console.error(`${TAG}: No voices available yet!`);
    return;
  }
  
  if (!selectedVoice) {
    selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
    console.log(`${TAG}: Selected voice: ${selectedVoice.name}`);
  }
  
  const utterance = new SpeechSynthesisUtterance(text);
  utterance.voice = selectedVoice;
  utterance.lang = selectedVoice.lang || DEFAULT_LANGUAGE;
  utterance.volume = DEFAULT_VOLUME;
  utterance.rate = DEFAULT_RATE;
  utterance.pitch = DEFAULT_PITCH;
  
  utterance.onstart = () => {
    console.log(`${TAG}: ✓ Speech STARTED: "${text}"`);
  };
  
  utterance.onend = () => {
    console.log(`${TAG}: ✓ Speech ENDED: "${text}"`);
  };
  
  utterance.onerror = (event) => {
    console.error(`${TAG}: ✗ Speech ERROR: ${event.error}`);
  };
  
  console.log(`${TAG}: Calling speechSynthesis.speak()...`);
  try {
    window.speechSynthesis.speak(utterance);
    console.log(`${TAG}: speechSynthesis.speak() called successfully`);
  } catch (error) {
    console.error(`${TAG}: Exception calling speak():`, error);
  }
}

// Track if user has interacted
let userHasInteracted = false;
let pendingSpeech = [];

});

// Test speech function that doesn't use queue
function testSpeak(text) {
  console.log(`${TAG}: TEST SPEAK called with: "${text}"`);
  
  // Ensure voices are loaded
  const voices = window.speechSynthesis.getVoices();
  console.log(`${TAG}: Available voices: ${voices.length}`);
  
  if (voices.length === 0) {
    console.error(`${TAG}: No voices available yet!`);
    return;
  }
  
  if (!selectedVoice) {
    selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
    console.log(`${TAG}: Selected voice: ${selectedVoice.name}`);
  }
  
  const utterance = new SpeechSynthesisUtterance(text);

MCP server started successfully (version 0.0.40) with 21 tools - for the full output, see the verbose logs

- playwright/browser_close
- playwright/browser_resize
- playwright/browser_console_messages
- playwright/browser_handle_dialog
- playwright/browser_evaluate
- playwright/browser_file_upload
- playwright/browser_fill_form
- playwright/browser_install
- playwright/browser_press_key
- playwright/browser_type
- playwright/browser_navigate
- playwright/browser_navigate_back
- playwright/browser_network_requests
- playwright/browser_take_screenshot
- playwright/browser_snapshot
- playwright/browser_click
- playwright/browser_drag
- playwright/browser_hover
- playwright/browser_select_option
- playwright/browser_tabs
- playwright/browser_wait_for

MCP server started successfully (version github-mcp-server/remote-406ace364b7758ec3e8e0b58e67eb595dbf6b418) with 27 tools - for the full output, see the verbose logs

- github-mcp-server/actions_get
- github-mcp-server/actions_list
- github-mcp-server/get_code_scanning_alert
- github-mcp-server/get_commit
- github-mcp-server/get_file_contents
- github-mcp-server/get_job_logs
- github-mcp-server/get_label
- github-mcp-server/get_latest_release
- github-mcp-server/get_release_by_tag
- github-mcp-server/get_secret_scanning_alert
- github-mcp-server/get_tag
- github-mcp-server/issue_read
- github-mcp-server/list_branches
- github-mcp-server/list_code_scanning_alerts
- github-mcp-server/list_commits
- github-mcp-server/list_issue_types
- github-mcp-server/list_issues
- github-mcp-server/list_pull_requests
- github-mcp-server/list_releases
- github-mcp-server/list_secret_scanning_alerts
- github-mcp-server/list_tags
- github-mcp-server/pull_request_read
- github-mcp-server/search_code
- github-mcp-server/search_issues
- github-mcp-server/search_pull_requests
- github-mcp-server/search_repositories
- github-mcp-server/search_users

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Copilot Text To Speech</title>
  <style>
    body {
      width: 300px;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    h1 {
      font-size: 18px;
      margin: 0 0 15px 0;
      color: #333;
    }
    .container {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .controls {
      display: flex;
      gap: 10px;
      justify-content: space-between;
    }
    button {
      padding: 10px 15px;
      background-color: #4CAF50;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
      flex: 1;
    }
    button:hover {
      background-color: #45a049;
    }
    button:disabled {
      background-color: #a5d6a7;
      cursor: not-allowed;
      opacity: 0.6;
    }
    button.stop {
      background-color: #f44336;
    }
    button.stop:hover {
      background-color: #da190b;
    }
    #status {
      padding: 10px;
      background-color: #f0f0f0;
      border-radius: 4px;
      text-align: center;
      font-size: 14px;
      color: #666;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Copilot TTS</h1>
    <div class="controls">
      <button id="previousButton" title="Previous item">⏮ Prev</button>
      <button id="stopButton" class="stop" title="Stop speaking">⏹ Stop</button>
      <button id="nextButton" title="Next item">Next ⏭</button>
    </div>
    <div id="status" role="status" aria-live="polite">Ready</div>
  </div>
  <script src="popup.js"></script>
</body>
</html>

// Popup script for Copilot Text To Speech extension
// Handles navigation controls for spoken items

const TAG = 'CopilotTTS-Popup';

document.addEventListener('DOMContentLoaded', function() {
  const previousButton = document.getElementById('previousButton');
  const nextButton = document.getElementById('nextButton');
  const stopButton = document.getElementById('stopButton');
  const statusDiv = document.getElementById('status');

  // Helper function to send message to content script
  async function sendMessageToActiveTab(message) {
    try {
      const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
      
      if (!tab) {
        statusDiv.textContent = 'No active tab';
        return null;
      }

      // Check if this is a Copilot Tasks page
      if (!tab.url || !tab.url.startsWith('https://github.com/copilot/tasks/')) {
        statusDiv.textContent = 'Not on Copilot Tasks page';
        return null;
      }

      const response = await chrome.tabs.sendMessage(tab.id, message);
      return response;
    } catch (error) {
      console.error(`${TAG}: Error sending message:`, error);
      statusDiv.textContent = 'Error communicating with page';
      return null;
    }
  }

  // Update status display
  function updateStatus(response) {
    if (response && response.success) {
      if (response.total !== undefined) {
        const current = response.currentIndex + 1;
        statusDiv.textContent = `Item ${current} of ${response.total}`;
      } else {
        statusDiv.textContent = 'Stopped';
      }
    } else if (response && response.message) {
      statusDiv.textContent = response.message;
    }
  }

  // Get initial status
  async function refreshStatus() {
    const response = await sendMessageToActiveTab({ action: 'getStatus' });
    if (response && response.success) {
      if (response.total === 0) {
        statusDiv.textContent = 'No items yet';
      } else {
        const current = response.currentIndex + 1;
        statusDiv.textContent = `Item ${current} of ${response.total}`;
      }
    }
  }

  // Previous button handler
  previousButton.addEventListener('click', async function() {
    previousButton.disabled = true;
    const response = await sendMessageToActiveTab({ action: 'previous' });
    updateStatus(response);
    previousButton.disabled = false;
  });

  // Next button handler
  nextButton.addEventListener('click', async function() {
    nextButton.disabled = true;
    const response = await sendMessageToActiveTab({ action: 'next' });
    updateStatus(response);
    nextButton.disabled = false;
  });

  // Stop button handler
  stopButton.addEventListener('click', async function() {
    stopButton.disabled = true;
    const response = await sendMessageToActiveTab({ action: 'stop' });
    updateStatus(response);
    stopButton.disabled = false;
    
    // Refresh status after a short delay
    setTimeout(refreshStatus, 100);
  });

  // Initial status check
  refreshStatus();

  // Periodically refresh status to show changes
  setInterval(refreshStatus, 2000);
});

// Content script for Copilot Tasks TTS monitoring
// This script monitors the GitHub Copilot Tasks page for new markdown content and speaks it

const TAG = 'CopilotTTS-Content';
const DESIRED_VOICE_NAME = 'Daniel (English (United Kingdom))';
const DEFAULT_LANGUAGE = 'en-GB';
const DEFAULT_VOLUME = 1;
const DEFAULT_RATE = 1;
const DEFAULT_PITCH = 1;

// State management
let spokenItems = [];
let currentIndex = -1;
let isSpeaking = false;
let selectedVoice = null;
let speechQueue = []; // Queue for items to speak
let isProcessingQueue = false; // Flag to prevent concurrent queue processing
let autoSpeakEnabled = true; // Enable auto-speak - errors are logged but don't break functionality

// Initialize voices
function initVoices() {
  const voices = window.speechSynthesis.getVoices();
  if (voices.length === 0) {
    // Voices not loaded yet
    window.speechSynthesis.onvoiceschanged = () => {
      window.speechSynthesis.onvoiceschanged = null;
      initVoices();
    };
    return;
  }
  
  selectedVoice = voices.find(v => v.name === DESIRED_VOICE_NAME) || voices[0];
  console.log(`${TAG}: Using voice: ${selectedVoice.name}`);
}

// Speak text using Web Speech API
function speak(text, cancelPrevious = false) {
  if (!text || text.trim().length === 0) {
    return;
  }

  // Only cancel if explicitly requested (e.g., user pressed Stop or navigation button)
  if (cancelPrevious && window.speechSynthesis.speaking) {
    window.speechSynthesis.cancel();
    // Also clear the queue when canceling
    speechQueue = [];
    isProcessingQueue = false;
  }

  const utterance = new SpeechSynthesisUtterance(text);

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
  console.log(`${TAG}: Received message:`, message);

  switch (message.action) {
    case 'previous':
      if (currentIndex > 0) {
        currentIndex--;
        const item = spokenItems[currentIndex];
        speak(item.text, true); // Cancel previous speech when navigating
        sendResponse({ success: true, currentIndex: currentIndex, total: spokenItems.length });
      } else {
        sendResponse({ success: false, message: 'Already at first item' });
      }
      break;

    case 'next':
      if (currentIndex < spokenItems.length - 1) {
        currentIndex++;
        const item = spokenItems[currentIndex];
        speak(item.text, true); // Cancel previous speech when navigating
        sendResponse({ success: true, currentIndex: currentIndex, total: spokenItems.length });
      } else {
        sendResponse({ success: false, message: 'Already at last item' });
      }
      break;

    case 'stop':
      window.speechSynthesis.cancel();
      speechQueue = []; // Clear the queue
      isProcessingQueue = false;
      isSpeaking = false;
      sendResponse({ success: true });
      break;

    case 'getStatus':
      sendResponse({
        success: true,
        currentIndex: currentIndex,
        total: spokenItems.length,
        isSpeaking: isSpeaking,
        queueLength: speechQueue.length
      });
      break;

    default:
      sendResponse({ success: false, message: 'Unknown action' });
  }

  return true; // Keep message channel open for async response
});